@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);


/***************************************** JCE EDITOR STYLES ********************************************/

.bannertitle {
	clear: both;
	color: #FFFFFF !important;
	display: block;
	/*float: left; changed 03-08 */
	font-family: 'Fjalla One', 'Arimo', Arial, Helvetica, sans-serif !important;
	font-size: 40px;
	font-weight: normal !important;
	line-height: normal;
	margin: 0 !important;
	padding: 20px 10px 10px !important;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Color=#222222);
}

.bannertitle a:link,
.bannertitle a:visited,
.bannertitle a:hover,
.bannertitle a:active {
	color: #FFFFFF !important;
	font-weight: 400 !important;
}

p.noleading {
	line-height: 1.0em;
}

.middle60 {
margin: 0 auto;
width: 60%;
}

.btn-uab, .btn-uab a {
  background-color: #1e6b52;
  background-image: linear-gradient(to bottom, #1e6b52, #28392e);
  color: #f1f1f1 !important;
}
a.btn-uab:hover, a.btn-uab:focus, a.btn-uab:active, a.btn-uab.active {
  background-color: #28392e;
  color:#FFFFFF !important;
}
.roundedimage,
img.roundedimage,
.moduletablefrontdoor img,
.moduletable .frontdoor img,
.itemFullText > img {
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	behavior: url(/styles/4.0/pie/PIE.php);
}
.nonroundedimage,
img.nonroundedimage,
.nonrounded, .unrounded,
.itemFullText > img.nonrounded,
.itemFullText > img.plainImage {
	border-radius: 0;
	box-shadow: none;
}

.custom.introbox {
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	border-radius: 8px;
	border: 1px solid #CCCCCC;
	behavior: url(/styles/4.0/pie/PIE.php);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 !important;
	margin-top: 15px;
}

.greenbox {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2B9473), color-stop(1, #123D2F) );
	background: -moz-linear-gradient( center top, #2B9473 5%, #123D2F 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b9473', endColorstr='#123d2f');
	background-color: #2B9473;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #666;
	color: #ffffff !important;
	margin: 2px 0;
	padding: 4px 10px;
	border-image: initial;
	behavior: url(/styles/4.0/pie/PIE.php);
}

.greenborder {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 4px solid #1e6b52;
	margin: 2px 0;
	padding: 4px 10px;
	border-image: initial;
	behavior: url(/styles/4.0/pie/PIE.php);
}


.redborder {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #cc0000;
	margin: 2px 0;
	padding: 8px 10px;
	border-image: initial;
	behavior: url(/styles/4.0/pie/PIE.php);
}

.goldbox, .goldfinger {
background: #d5cea6; /* Old browsers */
background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5cea6), color-stop(40%,#c9c190), color-stop(100%,#b7ad70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* IE10+ */
background: linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
padding: 0.5% 1%;
}

.goldbox a, .goldfinger a {
color: #222222 !important;
}

.graybox {
background: none repeat scroll 0 0 #F1F1F1;
border: 1px solid #BABABA;
border-radius: 8px 8px 8px 8px;
margin: 0 15px 10px 0;
padding: 15px;
behavior: url(/styles/4.0/pie/PIE.php);
}

.graybox > .graybox, .greenbox > .greenbox, .goldbox > .goldbox {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 0;
  margin: 0 auto;
  padding: 0;
}

.left-element-margin {
	float: left; /* updated 09-15-14 */
	margin: 5px 20px 5px 0;
}

.right-element-margin {
	float: right; /* updated 09-15-14 */
	margin: 5px 0 5px 20px;
}

.latestnews {
	padding: 0;
	margin: 0;
}

ul.latestnews {
	padding: 0;
	margin: 0;
	list-style:none;
}

	.latestnews li {
	border-top: 1px solid #D3D3D3;
	line-height:1.4em;
	margin: 0;
	padding: 8px 0;
	list-style:none;
	background: none repeat scroll 0 0;
	border-radius: 0 0 0 0;
	font-weight: normal;
	}

		.latestnews li a {
		font-weight:normal;
		}

.bold-header, .bold-header span  {
	font-family: 'Fjalla One', Arial, sans-serif !important;
	text-shadow: 0.025em 0.025em 0.125em rgba(0,0,0,0.2);
	text-transform:uppercase;
	width: inherit;
	font-weight: normal !important;
	font-size: 34px;
	font-size: 2rem;
	line-height: normal;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
	color: #444444;
}
.bold-header > b,
a.bold-header,
.bold-header strong {
	font-weight: normal !important;
}
a .bold-header {
color: #1e6b52;
}

.big-center {
  display: block;
  margin: 0;
  text-align: center;
  width: 100%;
}

.jce_caption {
	font-size:.9em;
	line-height:1.3em;
	}

.wf_caption {
  background-color: #F1F1F1;
}

span.wf_caption {
  background-color: #F1F1F1;
  border: 8px solid #F1F1F1;
  border-radius: 4px 4px 4px 4px;
  max-width: 90%;
  padding: 0;
  vertical-align: top;
}

span.wf_caption span {
	background-color: transparent !important;
	color: #222222 !important;
	font-size: 90%;
	font-weight: normal;
	margin: 5px auto 0;
	max-width: 90%;
}

/* updated 03-13
.wf_caption {
  background-color: #F1F1F1;
  margin: 0.5%;
  padding: 1%;
  vertical-align: top;
}
.wf_caption > span {
  margin-top: 4px;
}
*/
.wf_caption > img {
  box-shadow: 0 0 3px;
}

.mobile-only {
	display: none;
}

/* OLD BUTTONS */
/*
.buttonzilla, script.buttonzilla  {
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #D4D4D4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#D4D4D4));
	background: -webkit-linear-gradient(#FFFFFF, #D4D4D4);
	background: -moz-linear-gradient(#FFFFFF, #D4D4D4);
	background: -ms-linear-gradient(#FFFFFF, #D4D4D4);
	background: -o-linear-gradient(#FFFFFF, #D4D4D4);
	background: linear-gradient(#FFFFFF, #D4D4D4);
	-pie-background: linear-gradient(#FFFFFF, #D4D4D4);
	color: #FFFFFF !important;
	height: auto;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
	max-width: 175px;
	position: relative;
	float: none;
	text-decoration:none;
	text-align: center;
	width: auto;
	margin: 0.5em auto;
	display: table;
	behavior: url(/styles/4.0/pie/PIE.php);
}
*/
.buttonzilla, script.buttonzilla {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#D4D4D4));
	background: -webkit-linear-gradient(#FFFFFF, #D4D4D4);
	background: -moz-linear-gradient(#FFFFFF, #D4D4D4);
	background: -ms-linear-gradient(#FFFFFF, #D4D4D4);
	background: -o-linear-gradient(#FFFFFF, #D4D4D4);
	background: linear-gradient(#FFFFFF, #D4D4D4);
	-pie-background: linear-gradient(#FFFFFF, #D4D4D4);
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #444444 !important;
  display: table;
  float: none;
  height: auto;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
	line-height: normal;
  margin: 0.5em auto;
  max-width: 175px;
  padding: 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
  behavior: url(/styles/4.0/pie/PIE.php);
}

.buttonzilla a:link, .buttonzilla img {	vertical-align:middle;}

a.buttonzilla:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D4D4D4), to(#FFFFFF));
	background: -webkit-linear-gradient(#D4D4D4, #FFFFFF);
	background: -moz-linear-gradient(#D4D4D4, #FFFFFF);
	background: -ms-linear-gradient(#D4D4D4, #FFFFFF);
	background: -o-linear-gradient(#D4D4D4, #FFFFFF);
	background: linear-gradient(#D4D4D4, #FFFFFF);
	-pie-background: linear-gradient(#D4D4D4, #FFFFFF);
	behavior: url(/styles/4.0/pie/PIE.php);
	/*color: #FFFFFF !important;*/
	text-decoration: underline;
}

a.buttonzilla:active {top:1px;}
.buttonzilla em {font-style: normal;}

.greenbutton {
	background: #2B9473;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2B9473), to(#123D2F));
	background: -webkit-linear-gradient(#2B9473, #123D2F);
	background: -moz-linear-gradient(#2B9473, #123D2F);
	background: -ms-linear-gradient(#2B9473, #123D2F);
	background: -o-linear-gradient(#2B9473, #123D2F);
	background: linear-gradient(#2B9473, #123D2F);
	-pie-background: linear-gradient(#2B9473, #123D2F);
	border: 1px solid #123D2F;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF !important;
	display: table;
	float: none;
	height: auto;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
	line-height: normal; /* added 07-23-13 to match buttonzilla */
	max-width: 175px;
	margin: 0.5em auto;
  padding: 10px; /* added 07-23-13 to match buttonzilla */
	position: relative;
	text-decoration:none;
	text-align: center;
	width: auto;
	behavior: url(/styles/4.0/pie/PIE.php);
}

a.greenbutton:hover, a.greenbutton:active, span.greenbutton:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#123D2F), to(#2B9473));
	background: -webkit-linear-gradient(#123D2F, #2B9473);
	background: -moz-linear-gradient(#123D2F, #2B9473);
	background: -ms-linear-gradient(#123D2F, #2B9473);
	background: -o-linear-gradient(#123D2F, #2B9473);
	background: linear-gradient(#123D2F, #2B9473);
	-pie-background: linear-gradient(#123D2F, #2B9473);
	behavior: url(/styles/4.0/pie/PIE.php);
	color: #FFFFFF !important;
	/*text-decoration: underline;*/
}

a.greenbutton:active {
	position: relative;
	top: 1px;
}

.greenbutton a, a.greenbutton, span.greenbutton{
	color: #FFFFFF !important;
/*    font-size: 0.8em; */
	line-height: 1em;
	text-shadow: 0.05em 0.05em 0.125em rgba(0, 0, 0, 0.75) !important;
	vertical-align: middle;
	padding: 8px 10px;
	behavior: url(/styles/4.0/pie/PIE.php);
	display: block;
}

.greenbutton a:link, .greenbutton a:visited, .greenbutton a:hover, .greenbutton a:active, span.greenbutton > a:hover {
	color: #FFFFFF !important;
}

.socialbutton {
	border: 1px solid #b2b2b2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #B2B2B2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#B2B2B2));
	background: -webkit-linear-gradient(#FAFAFA, #B2B2B2);
	background: -moz-linear-gradient(#FAFAFA, #B2B2B2);
	background: -ms-linear-gradient(#FAFAFA, #B2B2B2);
	background: -o-linear-gradient(#FAFAFA, #B2B2B2);
	background: linear-gradient(#FAFAFA, #B2B2B2);
	-pie-background: linear-gradient(#FAFAFA, #B2B2B2);
	height: auto;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
	position: relative;
	float: left;
	clear: both;
/*	padding: 1px 2px;  changed 07-08 */
	padding: 0.75em 2px;
	width: 100%;
	margin: 0.5em auto;
	max-width: 175px;
/*	display: table;  changed 07-08 */
	display: block;
	behavior: url(/styles/4.0/pie/PIE.php);
}

.socialbutton:hover, .socialbutton:active {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B2B2B2), to(#FAFAFA));
	background: -webkit-linear-gradient(#B2B2B2, #FAFAFA);
	background: -moz-linear-gradient(#B2B2B2, #FAFAFA);
	background: -ms-linear-gradient(#B2B2B2, #FAFAFA);
	background: -o-linear-gradient(#B2B2B2, #FAFAFA);
	background: linear-gradient(#B2B2B2, #FAFAFA);
	-pie-background: linear-gradient(#B2B2B2, #FAFAFA);
	behavior: url(/styles/4.0/pie/PIE.php);
}

.socialbutton:active {
	position: relative;
	top: 1px;
}

.socialbutton a, a.socialbutton {
    color: #444444 !important;
 /*   display: table-cell;  changed 07-08 */
    display: block;
    font-size: 1em;
    line-height: 1.1em;
    max-width: 175px;
    text-align: center;  /* added 07-08 */
    vertical-align: middle;
    width: 85%;
}
.socialbutton a:hover {
	color: #666666 !important;
}

.socialbutton img {
	display: table-cell;
	vertical-align: middle;
}

.connectbar {
    background: none repeat scroll 0 0 #444444;
    float: left;
    padding: 0;
    width: 100% !important; /* added 07-21-14 */
}

.custom.connectbar {
    padding: 0;
}

div#epilogue .connectbar a:link,
div#epilogue .connectbar a:visited,
div#epilogue .connectbar a:focus,
div#epilogue .connectbar a:hover,
div#epilogue .connectbar a:active {
  color: #FFFFFF !important;
  font-weight: normal;
  -webkit-transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -ms-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
}

.connectbar > div {
box-shadow: 0 0 40px rgba(0, 0, 0, 0.8) inset;
color: #FFFFFF;
float: left;
font-family: 'Fjalla One',Arial,sans-serif !important;
padding: 1%;
text-shadow: 0.025em 0.025em 0.125em rgba(0, 0, 0, 0.2);
text-transform: lowercase;
}

.connectbar .blogger {background: url("/styles/4.0/images/connectbar/connect_icon_blogger.png") no-repeat scroll right top #b35f24;}
.connectbar .blogger:hover {background-color: #FF8833;}

.connectbar .facebook {background: url("/styles/4.0/images/connectbar/connect_icon_facebook.png") no-repeat scroll right top #2d4373;}
.connectbar .facebook:hover {background-color: #3B5998;}

.connectbar .flickr {background: url("/styles/4.0/images/connectbar/connect_icon_flickr.png") no-repeat scroll right top #ab0558;}
.connectbar .flickr:hover {background-color: #fe0883;}

.connectbar .googleplus {background: url("/styles/4.0/images/connectbar/connect_icon_googleplus.png") no-repeat scroll right top #9c3628;}
.connectbar .googleplus:hover {background-color: #dd4b39;}

.connectbar .instagram {background: url("/styles/4.0/images/connectbar/connect_icon_instagram.png") no-repeat scroll right top #663300;}
.connectbar .instagram:hover {background-color: #663300;}

.connectbar .linkedin {background: url("/styles/4.0/images/connectbar/connect_icon_linkedin.png") no-repeat scroll right top #2C476E;}
.connectbar .linkedin:hover {background-color: #007bb6;}

.connectbar .twitter {background: url("/styles/4.0/images/connectbar/connect_icon_twitter.png") no-repeat scroll right top #007fad;}
.connectbar .twitter:hover {background-color: #00aced;}

.connectbar .uabgo {background: url("/styles/4.0/images/connectbar/connect_icon_uabgo.png") no-repeat scroll right top #134535;}
.connectbar .uabgo:hover {background-color: #1e6b52;}

.connectbar .uabcalendar {background: url("/styles/4.0/images/connectbar/connect_icon_calendar.png") no-repeat scroll right top #444444;}
.connectbar .uabcalendar:hover {background-color: #666666;}

.connectbar .vimeo {background: url("/styles/4.0/images/connectbar/connect_icon_vimeo.png") no-repeat scroll right top #658722;}
.connectbar .vimeo:hover {background-color: #86b32d;}

.connectbar .youtube {background: url("/styles/4.0/images/connectbar/connect_icon_youtube.png") no-repeat scroll right top #9c3628;}
.connectbar .youtube:hover {background-color: ##BF0303;}

.connectbar *:hover {
box-shadow: none;
-webkit-transition: box-shadow 0.5s linear 0.5s;
-moz-transition: box-shadow 0.5s linear 0.5s;
-ms-transition: box-shadow 0.5s linear 0.5s;
transition: box-shadow 0.5s linear 0.5s;
}