html, body {
margin:0;
padding:0;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-weight:400;
min-height: 100%;
}

.bodybox{ 
	style="
	background-color:#ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-width:0px;
	border-style:solid;
	border-color:#000000;
	clear:both;"
}

.footer{ 
   position: fixed;     
   text-align: center;    
   bottom: 0px; 
   width: 100%;
}  

.footer2{ 
        
   text-align: center;    
   bottom: 0px; 
   width: 100%;
}


.iconbox{ 
align="center" 
style="
background-color:#000000;
border-radius:7px;
border-style:solid;
border-width:2px;
margin-left:20px;
margin-right:20px;
margin-top: 10px;
margin-bottom: 10px;
width:100px;
height:100px;
padding-left: 30px;
padding-right: 30px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
"
}

/* TEXT FORMATTTING */
p {
	font-size:18px;
	font-weight:400;
	line-height: 1.2em;
	color:#200000;
}


h1 {
	font-size:1.5em;
	font-weight:300;
	padding:5px 0 5px 0;
	color: #000E2F;
}

h2 {
	font-size:2.5em;
	color: #000E2F;
}

h3 {
	font-size:20px;
	font-weight:600;
	color:#000E2F;
	line-height: 1.0em;
}

.text_box_title {
	color: #522900;
	font-size:.9em;
	line-height: 1.2em;
}


.metric_text_xsmall {
	color: #000000;
	font-size:1.5em;
	line-height: 1.1em;
}

.metric_text_small {
	color: #000000;
	font-size:2.0em;
	line-height: 1.1em;
}

.metric_text_medium {
	color: #000000;
	font-size: 3.0em;
	line-height: 1..2em;
}

.metric_text_large {
	color: #000000;
	font-size: 4.0em;
	line-height: 1.2em;
}

.metric_text_xlarge {
	color: #000000;
	font-size: 4.5em;
	line-height: 1.2em;
}

.kiosk_text {
	color: #000000;
	font-size:1.2em;
	line-height: 1.2em;
}

.radio_button_big{
height: 22px;
width: 22px;
margin-left:1px;
font-size:1em;
background: #ffffff;
padding: 3px;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
}

.white_text {
	color: #ffffff;
	font-weight:400;
}

.white_text_big {
	color: #ffffff;
	font-weight:400;
	font-size:1.2em;
}

.bigger_text {
	color: #522900;
	font-size:1.8em;
	line-height: 1.8em;
}

.big_red_text {
	color: #ff0000;
	font-size:1.8em;
	line-height: 1.8em;
}

.small_red_text {
	color: #ff0000;
	font-size:.6em;
	line-height: .8em;
}

.small_black_text {
	color: #000000;
	font-size:.6em;
	line-height: 1em;
}

.small_white_text {
	color: #ffffff;
	font-size:.7em;
	line-height: 1em;
}

.topname {
	color: #ffffff;
}

.yellow_highlight {
	color: #000000;
	background-color: #FFFF19; 
}
.purple_highlight {
	color: #000000;
	background-color: #ccb3ff; 
}.blue_highlight {
	color: #000000;
	background-color: #b3e6ff; 
}.pink_highlight {
	color: #000000;
	background-color: #ffcce6; 
}.green_highlight {
	color: #000000;
	background-color: #85e085; 
}

.red_text {
	color: #ff0000;
}

.orange_text {
	color: #e6861e;
}

.purple_text {
	color: #bf80ff;
}

.green_text {
	color: #008A00;
}

.gray_text {
	color: #858585;
}

.blue_text {
	color: #000E2F;
}

.blue_text_big {
	color: #000E2F;
	font-size:2em;
	line-height: 1em;
}

.blue_text_medium {
	color: #0059b3;
	font-size:1.3em;
	line-height: 1em;
}


.text_box_title {
	color: #522900;
	font-size:.9em;
	line-height: 1.2em;
}

.metric_text_xsmall {
	color: #000000;
	font-size:1.5em;
	line-height: 1.1em;
}

.metric_text_small {
	color: #000000;
	font-size:2.0em;
	line-height: 1.1em;
}

.metric_text_medium {
	color: #000000;
	font-size: 3.0em;
	line-height: 1..2em;
}

.metric_text_large {
	color: #000000;
	font-size: 4.0em;
	line-height: 1.2em;
}

.metric_text_xlarge {
	color: #000000;
	font-size: 4.5em;
	line-height: 1.2em;
}

.calendaricon{ 
	border-style:solid;
	border-radius:7px 7px 7px 7px;
	border-width:2px;
	border-color:#207cca;
	margin: 0px 0px 3px 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #e0e0eb; 
	font-size:.8em;
	line-height: 1.1em;
	color:#191919;
	text-align:center;
	width:30px;
}
.calendaricon2{ 
	border-style:solid;
	border-radius:7px 7px 7px 7px;
	border-width:2px;
	border-color:#cccccc;
	margin: 0px 0px 3px 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #e0e0eb; 
	color:#191919;
	text-align:center;
	width:35px;
}
/* END TEXT FORMATTTING */



/*Highlight images with no Alt attribute missing alt*/
img[alt=""],
img:not([alt]){
	border:1px dashed #c00
}


/*Highlight link with no title attribute missing title*/

a[title=""],
a:not([title]){
	border:1px dashed #c00!important
}



a:link, a:visited, a:hover, a:active {
	line-height: 1.0em;
	color: #0000b3;
	
} 

/*white link*/
a.link_white:link, a.link_white:visited, a.link_white:hover, a.link_white:active {
	line-height: 1.0em;
	color: #ffffff;
}

/*Link without an underline*/
a.link_no_underline:link, a.link_no_underline:visited, a.link_no_underline:hover, a.link_no_underline:active {
	line-height: 1.0em;
	color: #0000b3;
	text-decoration: none; 
}

/*red link*/
a.link_red:link, a.link_red:visited, a.link_red:hover, a.link_red:active {
	line-height: 1.0em;
	color: #ff0000;
}

/*red link no underline*/
a.link_red_no_underline:link, a.link_red_no_underline:visited, a.link_red_no_underline:hover, a.link_red_no_underline:active {
	line-height: 1.0em;
	color: #ff0000;
	text-decoration: none;
}

/* class links below that keeps the link on same line and doesn't break up*/
/* <a class='ex1' href='http://cetl.uconn.edu/' >About Us</a> */
a.ex1:link, a.ex1:visited, a.ex1:hover, a.ex1:active {
	color: #ffffff;
	padding-left: 6px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size:.9em;
	display: inline-block; 
	font-weight:200;
}

a.ex2:link, a.ex2:visited, a.ex2:hover, a.ex2:active {
	background: #000E2F; 
	color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 4px;
	font-size:.9em;
	display: inline-block; 
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-decoration: none; 
 	text-align:center;
}

a.ex3:link, a.ex3:visited, a.ex3:hover, a.ex3:active {
background: #000E2F; 
color: #ffffff;
min-width: 200px;
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 6px;
margin: 2px;
font-size:.9em;
display: inline-block; 
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-decoration: none; 
text-align:center;
border-radius: .4em;
border-style:solid;
border-width:1px; 
border-color:#005580;
}
/* Small buttons on top of Sign In index page showing daily activity */
a.ex4:link, a.ex4:visited, a.ex4:hover, a.ex4:active {
	background: #ebebe0;  
	color: #000000;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 4px;
	font-size:1.0em;
	display: inline-block; 
	border-radius: .4em;
  	border-style:solid;
  	border-width:1px; 
 	 border-color:#000000;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-decoration: none; 
 	text-align:center;
	margin:1px;
}

a.ex4:hover {
	background: #207cca;  
	color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 4px;
	font-size:1.0em;
	display: inline-block; 
	border-radius: .4em;
  	border-style:solid;
  	border-width:1px; 
 	 border-color:#185e9a;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-decoration: none; 
 	text-align:center;
	margin:1px;
}

a.footlinks:link, a.footlinks:visited, a.footlinks:hover, a.footlinks:active {
	color: #000000;
	margin: 8px 8px 18px 8px;
	padding-left: 6px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size:1em;
	display: inline-block; 
	font-weight:200;
}

a.btn:link, a.btn:visited, a.btn:hover, a.btn:active {
	background: #99e699; 
	color: #000000;
	display: inline-block;
	border-radius: 4px;
	border-style:solid;
	border-width:1px; 
	border-color:#1f7a1f;
	margin: 1px;
	padding: .2em .2em;  
	text-decoration: none; 
}

a.btn_red:link, a.btn_red:visited, a.btn_red:hover, a.btn_red:active {
	background: #ff0000; 
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  border-style:solid;
  border-width:1px; 
  border-color:#ff0000;
  margin: 3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  padding: .2em .5em;  
  text-decoration: none;
  text-align:center;
}

a.btn_white_red:link, a.btn_white_red:visited, a.btn_white_red:hover, a.btn_white_red:active {
    background: #ffffff; 
  color: #ff000;
  display: inline-block;
  border-radius: 4px;
  border-style:solid;
  border-width:1px; 
  border-color:#ff0000;
  margin: 3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  padding: .2em .5em;  
  text-decoration: none;
  text-align:center;
}



a.btn_blue:link, a.btn_blue:visited, a.btn_blue:hover, a.btn_blue:active {
	background: #000E2F; 
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  border-style:solid;
  border-width:1px; 
  border-color:#000000;
  margin: 3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  padding: .2em .5em;  
  text-decoration: none;
  text-align:center;
}

a.btn_blue_big:link, a.btn_blue_big:visited, a.btn_blue_big:hover, a.btn_blue_big:active {
	background: #000E2F; 
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  border-style:solid;
  border-width:1px; 
  border-color:#000000;
  margin: 3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  padding-top: .7em;  
  text-decoration: none; 
  width: 350px;
  height: 50px;
  text-align:center;
  font-size:1.7em;
display: inline-block; 
font-weight:500;
}

/*
border-radius: 4px;
	border-style:solid;
	border-width:1px; 
	border-color:#1f7a1f;
	margin: 1px;
	padding: .2em .2em; 
*/

a.btn_white:link, a.btn_white:visited, a.btn_white:hover, a.btn_white:active {
	background: #08558a; 
	color: #ffffff;
	display: inline-block;
	text-decoration: none; 
}

a.btn_gray:link, a.btn_gray:visited, a.btn_gray:hover, a.btn_gray:active {
	background: #E4E7F1; 
	color: #BBB2B2;
	display: inline-block;
	border-radius: 4px;
	border-style:solid;
	border-width:1px; 
	border-color:#D3D5DB;
	margin: 1px;
	padding: .2em .2em;  
	text-decoration: none; 
}


a.btn_back:link, a.btn_back:visited, a.btn_back:hover, a.btn_back:active {
	background: #000E2F; 
	color: #ffffff;
	display: inline-block;
	border-radius: 4px;
	border-style:solid;
	border-width:1px; 
	border-color:#000E2F;
	margin: 1px;
	padding: .2em .2em;  
	text-decoration: none; 
}

a.btn_question:link, a.btn_question:visited, a.btn_question:hover, a.btn_question:active {
	background: #cce6ff; 
  border-style:solid;
  border-width:1px; 
  border-color: #0059b3;
  display: inline-block;
  border-radius: 1em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 1.2em;
  padding: 0 .4em; 
  text-decoration: none; 
  text-align:center;
}

a.btn_undo:link, a.btn_undo:visited, a.btn_undo:hover, a.btn_undo:active {
	background: #e6e6e6; 
  border-style:solid;
  border-width:1px; 
  border-color: #e6e6e6;
  display: inline-block;
  border-radius: 1em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 1.2em;
  padding: 0 .4em; 
  text-decoration: none; 
  text-align:center;
  font-size:.8em;
  font-weight:400;
  margin: 2px;
  color: #404040;
}

a.btn_order:link, a.btn_order:visited, a.btn_order:hover, a.btn_order:active {
background: #cceeff; 
  border-style:solid;
  border-width:1px; 
  border-color: #e6e6e6;
  display: inline-block;
  border-radius: 1em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 1.2em;
  padding: 0 .4em; 
  text-decoration: none; 
  text-align:center;
  font-size:.8em;
  font-weight:400;
  margin: 2px;
  color: #404040;
}

a.btn_help:link, a.btn_help:visited, a.btn_help:hover, a.btn_help:active {
	 background-color: #ff0000; 
    border-style:solid;
	font-size: 1.1em;
  border-width:1px; 
  border-color: #000000;
    color: white;
    padding:22px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: 50px;
	box-shadow:  0 1px 2px #fff, /*bottom external highlight*/
  0 -1px 1px #666, /*top external shadow*/ 
  inset 0 -2px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 2px 1px rgba(255,255,255,0.8); /*top internal highlight*/
}

a.btn_appt_choice:link, a.btn_appt_choice:visited, a.btn_appt_choice:hover, a.btn_appt_choice:active {
	background: #207cca; 
	color: #ffffff;
	display: inline-block;
	border-radius: 4px;
	border-style:solid;
	border-width:1px; 
	border-color:#207cca;
	margin: 1px;
	padding: .3em .3em;  
	text-align: center;
	text-decoration: none;
	width: 130px;
	height: 14px;
	font-size:14px;
	font-weight:300;
}


a.btn_narrow:link, a.btn_narrow:visited, a.btn_narrow:hover, a.btn_narrow:active {
	background: #207cca; 
	color: #ffffff;
	display: inline-block;
	border-radius: 4px;
	border-style:solid;
	border-width:1px; 
	border-color:#207cca;
	margin: 1px;
	padding: .1em .1em;  
	text-decoration: none; 
	height: 14px;
	font-size:14px;
	font-weight:300;
}

a.btn_skyblue:link, a.btn_skyblue:visited, a.btn_skyblue:hover, a.btn_skyblue:active {
	background: #E0F0FF; 
  color: #0000b3;
  display: inline-block;
  border-radius: 4px;
  margin:1px;
  border-style:solid;border-width:1px; border-color:#0033CC;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 1.5em;
  padding: 10px 3px 10px 3px; 
  text-decoration: none; 
  width: 285px;
  text-align:center
}
@media screen and (max-width: 1023px) {
	a.btn_skyblue:link, a.btn_skyblue:visited, a.btn_skyblue:hover, a.btn_skyblue:active {
		background: #E0F0FF; 
		color: #0000b3;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#0033CC;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 450px;
		text-align:center
	}
}
@media screen and (max-width: 767px) {
	a.btn_skyblue:link, a.btn_skyblue:visited, a.btn_skyblue:hover, a.btn_skyblue:active {
		background: #E0F0FF; 
		color: #0000b3;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#0033CC;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 285px;
		text-align:center
	}
}

a.btn_skyblue2:link, a.btn_skyblue2:visited, a.btn_skyblue2:hover, a.btn_skyblue2:active {
	background: #207cca; 
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  margin:1px;
  border-style:solid;border-width:1px; border-color:#207cca;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 1.5em;
  padding: 10px 3px 10px 3px; 
  text-decoration: none; 
  width: 285px;
  text-align:center
}
@media screen and (max-width: 1023px) {
	a.btn_skyblue2:link, a.btn_skyblue2:visited, a.btn_skyblue2:hover, a.btn_skyblue2:active {
		background: #207cca; 
		color: #ffffff;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#207cca;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 450px;
		text-align:center
	}
}
@media screen and (max-width: 767px) {
	a.btn_skyblue2:link, a.btn_skyblue2:visited, a.btn_skyblue2:hover, a.btn_skyblue2:active {
		background: #207cca; 
		color: #ffffff;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#207cca;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 285px;
		text-align:center
	}
}

a.btn_skyblue3:link, a.btn_skyblue3:visited, a.btn_skyblue3:hover, a.btn_skyblue3:active {
	background: #000E2F; 
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  margin:1px;
  border-style:solid;border-width:1px; border-color:#207cca;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 1.5em;
  padding: 10px 3px 10px 3px; 
  text-decoration: none; 
  width: 285px;
  text-align:center  
}
@media screen and (max-width: 1023px) {
	a.btn_skyblue3:link, a.btn_skyblue3:visited, a.btn_skyblue3:hover, a.btn_skyblue3:active {
		background: #000E2F; 
		color: #ffffff;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#207cca;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 450px;
		text-align:center
	}
}
@media screen and (max-width: 767px) {
	a.btn_skyblue3:link, a.btn_skyblue3:visited, a.btn_skyblue3:hover, a.btn_skyblue3:active {
		background: #000E2F; 
		color: #ffffff;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#207cca;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 285px;
		text-align:center
	}
}

a.btn_uconnblue:link, a.btn_uconnblue:visited, a.btn_uconnblue:hover, a.btn_uconnblue:active {
	background: #000E2F; 
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  margin:1px;
  border-style:solid;border-width:1px; border-color:#0033CC;
  line-height: 1.5em;
  padding: 10px 3px 10px 3px; 
  text-decoration: none; 
  width: 285px;
  text-align:center
}
@media screen and (max-width: 1023px) {
	a.btn_uconnblue:link, a.btn_uconnblue:visited, a.btn_uconnblue:hover, a.btn_uconnblue:active {
		background: #000E2F; 
  		color: #ffffff;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#0033CC;
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 450px;
		text-align:center
	}
}
@media screen and (max-width: 767px) {
	a.btn_uconnblue:link, a.btn_uconnblue:visited, a.btn_uconnblue:hover, a.btn_uconnblue:active {
		background: #000E2F; 
  		color: #ffffff;
		display: inline-block;
		border-radius: 4px;
		margin:1px;
		border-style:solid;border-width:1px; border-color:#0033CC;
		line-height: 1.5em;
		padding: 10px 3px 10px 3px; 
		text-decoration: none; 
		width: 285px;
		text-align:center
	}
}

a.btn_sandbrown:link, a.btn_sandbrown:visited, a.btn_sandbrown:hover, a.btn_sandbrown:active {
  background: #d4beaa; 
  color: #392613;
font-weight:500;
  display: inline-block;
  border-radius: 4px;
  margin:1px;
  border-style:solid;
  border-width:5px; 
  border-color:#f6f2ee;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  padding: 10px 3px 10px 3px;
  text-decoration: none; 
  width: 12em;
  text-align:center
}


a.btn_bigred:link, a.btn_bigred:visited, a.btn_bigred:hover, a.btn_bigred:active {
  background: #ff0000; 
  color: #FFF;
  font-size: 2em;
  font-weight:500;
  display: inline-block;
  border-radius: 4px;
  margin:1px;
  border-style:solid;
  border-width:1px; 
  border-color:#392613;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  padding: 10px 3px 10px 3px;
  text-decoration: none; 
  width: 10em;
  text-align:center
}

a.btn_bigblue:link, a.btn_bigblue:visited, a.btn_bigblue:hover, a.btn_bigblue:active {
  background: #000E2F; 
  color: #FFF;
  font-size: 1.1em;
  font-weight:500;
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 10;
  margin-top: 10;
  margin-left: 40;
  margin-right: 40;
  border-style:solid;
  border-width:10px; 
  border-color:#ffffff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  padding: 10px 5px 10px 5px;
  text-decoration: none; 
  width: 5.8em;
  text-align:center
}


/*  
000E2F UCONN DARK BLUE 
7c878e UCONN GRAY
8A2121 UCONN RED
85B3CC UCONN LIGHT BLUE
000E2F OLD KIOKS BORDER
width: 300px;
height: 300px;
*/

a.btn_kiosk_big:link, a.btn_kiosk_big:visited, a.btn_kiosk_big:hover, a.btn_kiosk_big:active {
	background: #000E2F; 
	color: #ffffff;
	font-size: 3.5em;
	font-weight:500;
	display: inline-block;
	border-radius: .4em;
	border-style:solid;
	border-width: 8px; 
	border-color:#000E2F;
	
	text-decoration: none; 
	text-align: center;
	padding-bottom: 60px;
	padding-top: 60px;
	padding-left: 3px;
	padding-right: 3px;
	width: 400px;
}

a.btn_kiosk_small:link, a.btn_kiosk_small:visited, a.btn_kiosk_small:hover, a.btn_kiosk_small:active {
	background: #000E2F; 
	color: #ffffff;
	font-size: 1.7em;
	font-weight:500;
	display: inline-block;
	border-radius: .4em;
	border-style:solid;
	border-width: 4px; 
	border-color:#000E2F;
	padding: 0 2px;  
	text-decoration: none; 
	text-align: center;
	padding-top: 75px;
	width: 290px;
	height: 120px;
	margin:2px;
}
a.btn_kiosk_small_list:link, a.btn_kiosk_small_list:visited, a.btn_kiosk_small_list:hover, a.btn_kiosk_small_list:active {
	background: #000E2F; 
	color: #ffffff;
	font-size: 1.7em;
	font-weight:500;
	display: inline-block;
	border-radius: .4em;
	border-style:solid;
	border-width: 4px; 
	border-color:#000E2F;
	padding: 0 2px;  
	text-decoration: none; 
	text-align: center;
	padding-top: 4px;
	width: 300px;
	height: 33px;
	margin:2px;
}

a.btn_kiosk_custom:link, a.btn_kiosk_custom:visited, a.btn_kiosk_custom:hover, a.btn_kiosk_custom:active {
	background: #000E2F; 
	color: #ffffff;
	font-size: 2.2em;
	font-weight:500;
	display: inline-block;
	border-radius: .4em;
	border-style:solid;
	border-width: 4px; 
	border-color:#000E2F;
	padding: 0 2px;  
	text-decoration: none; 
	text-align: center;
	padding-top: 35px;
	width: 75%;
	height: 2.3em;
	margin:3px;
}


/*circle for initials*/
.circle_initials {
  background: #cccccc; 
  color: #FFF;
  display: inline-block;
  border-radius: 25px;
  border-style:solid;
  border-width:1px; 
  border-color:#737373;
  margin: 0px;
  line-height: 50.0px;
  padding: 0 0.0em; 
  text-decoration: none;
    font-size: 25px;
  width: 50px;
  height: 50px;
  text-align:center;
}

.circle_initials30 {
  background: #cccccc; 
  color: #FFF;
  display: inline-block;
  border-radius: 15px;
  border-style:solid;
  border-width:1px; 
  border-color:#737373;
  margin: 0px;
  line-height: 30.0px;
  padding: 0 0.0em; 
  text-decoration: none;
    font-size: 15px;
  width: 30px;
  height: 30px;
  text-align:center;
}

.circle_initials50 {
  background: #cccccc; 
  color: #FFF;
  display: inline-block;
  border-radius: 25px;
  border-style:solid;
  border-width:1px; 
  border-color:#737373;
  margin: 0px;
  line-height: 50.0px;
  padding: 0 0.0em; 
  text-decoration: none;
    font-size: 25px;
  width: 50px;
  height: 50px;
  text-align:center;
}

.circle_initials60 {
  background: #cccccc; 
  color: #FFF;
  display: inline-block;
  border-radius: 30px;
  border-style:solid;
  border-width:1px; 
  border-color:#737373;
  margin: 0px;
  line-height: 60.0px;
  padding: 0 0.0em; 
  text-decoration: none;
    font-size: 30px;
  width: 60px;
  height: 60px;
  text-align:center;
}

.circle_initials80 {
  background: #cccccc; 
  color: #FFF;
  display: inline-block;
  border-radius: 40px;
  border-style:solid;
  border-width:1px; 
  border-color:#737373;
  margin: 0px;
  line-height: 80.0px;
  padding: 0 0.0em; 
  text-decoration: none;
  font-size: 50px;
  width: 80px;
  height: 80px;
  text-align:center;
}

/* colors for small circles*/
.btn_tiny_green {
  background: #00cc00; 
  color: #FFF;
  display: inline-block;
  border-radius: 7px;
  border-style:solid;
  border-width:1px; 
  border-color:#005580;
  margin: 0px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 0.0em;
  padding: 0 0.0em; 
  text-decoration: none; 
  width: .7em;
  height:.7em;
  text-align:center;
}
.btn_tiny_yellow {
  background: #e6e600; 
  color: #FFF;
  display: inline-block;
  border-radius: .4em;
  border-style:solid;
  border-width:1px; 
  border-color:#005580;
  margin: 0px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 0.0em;
  padding: 0 0.0em;  
  text-decoration: none; 
  width: .7em;
  height:.7em;
  text-align:center;
}
.btn_tiny_red {
  background: #cc0000; 
  color: #FFF;
  display: inline-block;
  border-radius: .4em;
  border-style:solid;
  border-width:1px; 
  border-color:#005580;
  margin: 0px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 0.0em;
  padding: 0 0.0em;  
  text-decoration: none; 
  width: .7em;
  height:.7em;
  text-align:center;
}
.btn_tiny_skin {
  background: #ffccb3; 
  color: #FFF;
  display: inline-block;
  border-radius: .4em;
  border-style:solid;
  border-width:1px; 
  border-color:#ff7733;
  margin: 0px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 0.0em;
  padding: 0 0.0em;  
  text-decoration: none; 
  width: .7em;
  height:.7em;
  text-align:center;
}
.btn_tiny_navy {
  background: #207cca; 
  color: #FFF;
  display: inline-block;
  border-radius: .4em;
  border-style:solid;
  border-width:1px; 
  border-color:#000E2F;
  margin: 0px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  line-height: 0.0em;
  padding: 0 0.0em;  
  text-decoration: none; 
  width: .7em;
  height:.7em;
  text-align:center;
}



/* END colors circles*/



.redboxoutlinerow{ 
	border-style:solid;
    border-radius: .2em;
	border-width:2px;
	border-color:#ff0000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff; 
	line-height: 1.2em;
	color:#191919;	
}

.blueboxrow{ 
	border-style:solid;
	border-width:1px;
	border-color:#08558a;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #08558a; 
	line-height: 1.2em;
	color:#191919;	
}

.whiteboxrow{ 
	border-style:solid;
	border-radius:7px 7px 7px 7px;
	border-width:1px;
	border-color:#cccccc;
	margin: 0px 0px 3px 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF; 
	line-height: 1.2em;
	color:#191919;
	max-width: 1200px;
}

.grayboxrow{ 
	border-style:solid;
	border-radius:7px 7px 7px 7px;
	border-width:1px;
	border-color:#CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f5f5f5; 
	line-height: 1.2em;
	color:#191919;
	max-width: 1200px;
}

.yellowboxrow{ 
	border-style:solid;
	border-radius:7px 7px 7px 7px;
	border-width:1px;
	border-color:#ffff33;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ffff33; 
	line-height: 1.2em;
	color:#191919;
	max-width: 2600px;
}

/*
new blue from box #08558a
old gray background #f2f2f2
old hover background  #207cca
*/

/*Start Navigator Menu*/
.topnav {
  overflow: hidden;
  background-color: #f2f2f2;
}
.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 14px;
}
.topnav a:hover {
   background-color: #207cca;
  color: #ffffff;
}
.topnav .icon {
  display: none;
  margin: 3px;
  background-color: #207cca;/* makes color in box change when compressed to square */
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
/*END Navigator Menu*/

/* JQUERY BOXES */

/*BOX -BLUE BOXES*/
.demo-show {
	width: 90%;
    max-width: 1200px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-top: 0px solid #386785;
	border-bottom: 1px solid #386785;
	border-left: 1px solid #386785;
	border-right: 1px solid #386785;	
}
@media screen and (max-width: 768px) {
	.demo-show {
		width: 98%;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
		border-top: 0px solid #386785;
		border-bottom: 1px solid #386785;
		border-left: 1px solid #386785;
		border-right: 1px solid #386785;	
	}
}
@media screen and (max-width: 320px) {
	.demo-show {
		width: 98%;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
		border-top: 0px solid #386785;
		border-bottom: 1px solid #386785;
		border-left: 1px solid #386785;
		border-right: 1px solid #386785;	
	}
}
.demo-show h3 {
	margin: 0;
	padding-left: .6em;
	padding-right: .6em;
	padding-top: .6em;
	padding-bottom: .6em;
	background: #e6f2ff;
	border-top: 1px solid #386785;
	border-bottom: 0px solid #386785;
	font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
	font-size:1.1em;
	font-weight:400;
	line-height: 1.1em;
	color:#000000;
}
.demo-show div {
	padding: .5em .25em;
	background: #ffffff;
}


/*BOXES 2 GRAY BOXES*/
.demo-show2 {
	width: 90%;
    max-width: 1200px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-top: 0px solid #d1d1e0;
	border-bottom: 1px solid #d1d1e0;
	border-left: 1px solid #d1d1e0;
	border-right: 1px solid #d1d1e0;	
}
@media screen and (max-width: 768px) {
	.demo-show2 {
		width: 98%;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
		border-top: 0px solid #d1d1e0;
		border-bottom: 1px solid #d1d1e0;
		border-left: 1px solid #d1d1e0;
		border-right: 1px solid #d1d1e0;	
	}
}
@media screen and (max-width: 320px) {
	.demo-show2 {
		width: 98%;
		margin-left: 1px;
		margin-right: 1px;
		margin-top: 1px;
		margin-bottom: 1px;
		border-top: 0px solid #d1d1e0;
		border-bottom: 1px solid #d1d1e0;
		border-left: 1px solid #d1d1e0;
		border-right: 1px solid #d1d1e0;	
	}
}
.demo-show2 h3 {
	margin: 0;
	padding-left: .6em;
	padding-right: .6em;
	padding-top: .6em;
	padding-bottom: .6em;
	background: #f0f0f5;
	border-top: 1px solid #d1d1e0;
	border-bottom: 0px solid #d1d1e0;
	font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
	font-size:1.0em;
	font-weight:400;
	line-height: 1.0em;
	color:#000000;
}
.demo-show2 div {
	padding: .5em .25em;
	background: #ffffff;
}

/* END JQUERY BOXES */

/*START TABLES*/
/* Default table*/
table, td {
    border-collapse: collapse;
	padding: 3px;
	text-align: left;
	border: 1px solid #808080;
	font-size: 0.9em;
}
th{
    background-color: #cce6ff;
    color: #000000;
	font-weight:400;
	padding: 3px;
	text-align: left;
	border: 1px solid #808080; 
	font-size: 0.8em;
}
.centerheader {
	text-align: center;
}
.centerrow {
	border: 1px solid #808080;
	padding: 3px;
	text-align: center;
    border-width:1px 1px 1px 1px !important;
}
.rightalignrow {
	border: 1px solid #808080;
	padding: 3px;
	text-align: right;
    border-width:1px 1px 1px 1px !important;
}
/* Special table*/
table.table1 {
  border-collapse: collapse;
  padding: 3px;
  text-align: left;
  border: 1px solid #808080;
  vertical-align: text-top;
}
table.table1 tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
  vertical-align: text-top;
}
table.table1 th {
  background-color: #000000;
  color: #ffffff;
  font-weight:400;
  border-collapse: collapse;
  padding: 3px;
  text-align: left;
  border: 1px solid #808080;  
  vertical-align: text-top;
}
table.table1 td {
  border-collapse: collapse;
  padding: 3px;
  text-align: left;
  border: 1px solid #808080;  
  vertical-align: text-top;
}
/* Clear table*/
table.clear {
  border-collapse: collapse;
  padding: 3px;
  text-align: left;
  border: 0px solid #808080;
  vertical-align: middle;
}
table.clear tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
  vertical-align: middle;
}
table.clear th {
  background-color: #ffffff;
  color: #000000;
  font-weight:400;
  border-collapse: collapse;
  padding: 3px;
  text-align: left;
  border: 0px solid #808080;
  vertical-align: middle;
  
}
table.clear td {
  border-collapse: collapse;
  padding: 3px;
  text-align: left;
  border: 0px solid #808080; 
  vertical-align: middle;
}
/*END TABLES*/


/*FORMS*/

/*This code below makes the rounded courners in Safari not be the default for buttons*/
/*
input, textarea {
 -webkit-appearance: none;
  -webkit-border-radius: 0; 
}
*/

/*  

000E2F UCONN DARK BLUE 
7c878e UCONN GRAY
8A2121 UCONN RED
85B3CC UCONN LIGHT BLUE
000E2F OLD KIOKS BORDER
CCB299 LIGHT BROWN
width: 300px;
height: 300px;
*/



/* Focuses all input elements of form*/
/*background-color: #e6f7ff;*/
input:focus {            
   border-width: 2px;
    border-color: #000000;
}
textarea:focus {
    border-width: 2px;
    border-color: #000000;
}


/* RADIO BUTTONS */
/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-top: 3px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
    
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #e6edff;
  border-radius: 50%;
    
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #001f66;
}


/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #000E2F;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}

/* END RADIO BUTTONS */

a:link, a:visited, a:hover, a:active {
	line-height: 1.0em;
	color: #0000b3;
} 

.buttonstyle { 
border-radius: 3px;
background: #000E2F; 
background-position: 0px -401px; 
border: solid 1px #000000; 
color: #ffffff;
margin-top: -1px;
padding-bottom: 2px;
width:250px; 
height:70px;
font-size:1.8em;
font-weight:500;
-webkit-appearance: none;
-webkit-border-radius: 0;
}

.buttonstyle_closewindow { 
background: #CCB299; 
border: solid 1px #443222; 
border-radius: 5px 5px 5px 5px;
margin: 1px 1px 1px 1px;
padding: 5px 10px 5px 10px;
height:30px;
color:#000000;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-weight:400;
-webkit-appearance: none;
}

.buttonstyle_copylink { 
background: #207cca; 
border: solid 1px #443222; 
border-radius: 5px 5px 5px 5px;
margin: 1px 1px 1px 1px;
padding: 5px 10px 5px 10px;
height:30px;
color:#ffffff;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-weight:400;
-webkit-appearance: none;
}



/* BUTTONS FOR READER PROGRAMS*/
.example-1:focus {
  /* Adds a white border around the button, along with a blue glow. The white and blue have a color contrast ratio of at least 3:1, which means this will work against any background color. */
  box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px #3a97f9;
  /* NOTE: box-shadow is invisible in Windows high-contrast mode, so we need to add a transparent outline, which actually does show up in high-contrast mode. */
  outline: 2px dotted transparent;
  outline-offset: 2px;
	border-radius: 3px;
	background: #000E2F; 
	background-position: 0px -401px; 
	border: solid 1px #000000; 
	color: #ffffff;
	margin-top: -1px;
	padding-bottom: 2px;
	width:250px; 
	height:70px;
	font-size:1.8em;
	font-weight:500;
	-webkit-appearance: none;
	-webkit-border-radius: 0;	
}





.input_element{
height: 32px;
width: 50%;
margin-left:1px;
font-size:1em;
border: 1px solid #d8d8d8;
background: #FCFCFC;
padding: 3px;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-size:1em;
}

@media screen and (max-width: 1023px) {
	.input_element{
	height: 32px;
	width: 75%;
	margin-left:1px;
	font-size:1em;
	border: 1px solid #d8d8d8;
	background: #FCFCFC;
	padding: 3px;
	font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
	font-size:1em;
	}
}

@media screen and (max-width: 767px) {
	.input_element{
	height: 32px;
	width: 75%;
	margin-left:1px;
	font-size:1em;
	border: 1px solid #d8d8d8;
	background: #FCFCFC;
	padding: 3px;
	font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
	font-size:1em;
	}
}

.input_element_defined{
height: 32px !important;
width: 4em;
padding: 3px;
border: 1px solid #d8d8d8;
background: #FCFCFC;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-size:1em;
}

.input_element_defined_medium{
height: 50px !important;
width: 300px;
padding: 4px;
font-size: 2.0em;
border: 1px solid #d8d8d8;
background: #FCFCFC;
}

.input_element_defined_bigger{
height: 32px !important;
width: 7em;
padding: 3px;
border: 1px solid #d8d8d8;
background: #FCFCFC;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-size:1em;
}

.input_element_defined2{
height: 20px !important;
width: 100px;
padding: 1px 1px 1px 5px;
border: 1px solid #FCFCFC;
background: #FCFCFC;
border-radius: 5px 0px 0px 5px;
margin: 1px 0px 1px 1px;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-weight:400;
}
.buttonstyle2 { 
background: #207cca; 
background-position: 0px -401px; 
border: solid 1px #207cca; 
border-radius: 0px 5px 5px 0px;
color: #000000;
margin: 1px 1px 1px 0px;
padding: 1px;
width:60px; 
height:20px;
color:#fafafa;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-weight:400;
-webkit-appearance: none;
}

.input_element_defined3{
height: 20px !important;
width: 100px;
padding: 1px 1px 1px 5px;
border: 1px solid #cccccc;
background: #FCFCFC;
border-radius: 5px 0px 0px 5px;
margin: 1px 0px 1px 1px;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-weight:400;
}
.buttonstyle3 { 
background: #207cca; 
background-position: 0px -401px; 
border: solid 1px #207cca; 
border-radius: 0px 5px 5px 0px;
color: #000000;
margin: 1px 1px 1px 0px;
padding: 1px;
width:75px; 
height:20px;
font-size:.7em;
line-height: 1.0em;
color:#fafafa;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-weight:400;
-webkit-appearance: none;
}

.buttonstyle_blue_big { 
background: #207cca; 
border: solid 1px #207cca; 
border-radius: 5px 5px 5px 5px;
color: #000000;
margin: 1px 1px 1px 1px;
height:30px;
color:#fafafa;
font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
font-size:1.1em;
letter-spacing:1px;
font-weight:400;
-webkit-appearance: none;
}

select {
    border:0;
    /*background:transparent;*/
    height:35px;
    border:1px solid #d8d8d8;
    width:auto;
	 margin-left:2px;
	margin-bottom: 6px;
	background: #FCFCFC;
    -webkit-appearance: none;
	font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
	font-size:1em;
	padding: 5px;
}
select.responsive {
		width:30%;
	}
@media screen and (max-width: 1023px) {
	select {
		border:0;
		/*background:transparent;*/
		height:35px;
		border:1px solid #d8d8d8;
		width:auto;
		 margin-left:2px;
		margin-bottom: 6px;
		background: #FCFCFC;
		-webkit-appearance: none;
		font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
		font-size:1em;
		padding: 5px;
	}
	select.responsive {
		width: 75%;
	}
}
@media screen and (max-width: 767px) {
	select {
		border:0;
		/*background:transparent;*/
		height:35px;
		border:1px solid #d8d8d8;
		width:auto;
		 margin-left:2px;
		margin-bottom: 6px;
		background: #FCFCFC;
		-webkit-appearance: none;
		font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
		font-size:1em;
		padding: 5px;
	}
	select.responsive {
		width: 75%;
	}
}
@media screen and (max-width: 568px) {
	select {
		border:0;
		/*background:transparent;*/
		height:35px;
		border:1px solid #d8d8d8;
		width:auto;
		 margin-left:2px;
		margin-bottom: 6px;
		background: #FCFCFC;
		-webkit-appearance: none;
		font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
		font-size:1em;
		padding: 5px;
	}
		select.responsive {
		width: 95%;
	}
}


select.selectsmall {
		border:0;
		/*background:transparent;*/
		height:20px;
		border:1px solid #d8d8d8;
		width:auto;
		 margin-left:2px;
		margin-bottom: 2px;
		background: #FCFCFC;
		-webkit-appearance: none;
		font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
		font-size:.8em;
		padding: 3px;
}

textarea {
		width: 300px;
		width: 50%;
		border:1px solid #d8d8d8;
		padding: 3px;
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-appearance: none;
		background: #FCFCFC;
		height: 200px;
		font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
		font-size:1em;
	}
@media screen and (max-width: 1023px) {
	textarea {
		width: 300px;
		width: 75%;
		border:1px solid #d8d8d8;
		padding: 3px;
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-appearance: none;
		background: #FCFCFC;
		height: 200px;
		font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
		font-size:1em;
	}
}
@media screen and (max-width: 767px) {
	textarea {
		width: 300px;
		width: 75%;
		border:1px solid #d8d8d8;
		padding: 3px;
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-appearance: none;
		background: #FCFCFC;
		height: 200px;
		font-family: "Proxima Nova" ,Helvetica, Arial, sans-serif,"ff-enzo-web","Enzo OT";
		font-size:1em;
	}
}
/* END FORMS*/