/* data-objects/source/upcoming-events/upcoming-events.css */

div.upcoming-events div.date-divider {
font-size: 1.4em;
line-height: 1.4em;
border-bottom: 1px solid #AAA;
border-color: rgba(0,0,0,0.25);
font-style: italic;
margin-bottom: 10px;
margin-top: 20px;
}

div.upcoming-events div.event {
display: block;
overflow: hidden;
margin-top: 1em;
margin-bottom: 1em;
font-size: 16px;
cursor: pointer;
}

div.upcoming-events div.event span.time {
display: block;
float: left;
width: 70px;
text-align: right;
font-style: italic;
color: #777;
color: rgba(0,0,0,0.5);
}

div.upcoming-events div.event span.title,
div.upcoming-events div.event span.location,
div.upcoming-events div.event span.summary,
div.upcoming-events div.event a.more-link,
div.upcoming-events div.event span.description {
display: block;
margin-left: 86px;
}

div.upcoming-events div.event span.title {
font-weight: bold;
}

div.upcoming-events div.event span.location {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
}

div.upcoming-events div.event span.summary {
font-size: 14px;
}
div.upcoming-events div.event div.clearfix {
	overflow: hidden;
	height: 1px;
	clear: both;
}
div.upcoming-events div.event div.image-wrapper {
	padding: 5px;
	border: 1px solid #999;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	float: right;
	width: 150px;
	margin-left: 5px;
}

div.upcoming-events div.event div.image-wrapper img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0px;
}

div.upcoming-events div.event .button {
	display: block;
	margin-left: 86px;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

/* data-objects/source/lab-usage/lab-usage.css */

section.lab-usage {
border: 1px solid #777;
background-color: #EEE;
}

div.lab-usage-item {overflow: hidden;}

div.lab-usage-item p.label {
font-weight: bold;
font-size: 18px;
line-height: 1.3em;
background-color: #777;
color: #FFF;
padding: 10px;
text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
margin: 0px;
}

div.lab-usage-item img {
float: left;
vertical-align: bottom;
margin-top: 10px;
border: none;
}

div.lab-usage-item ul {
padding: 0px;
list-style-type: none;
font-size: 18px;
line-height: 1.3em;
margin-top: 10px;
margin-bottom: 16px;
margin-left: 10px;
margin-right: 10px;
overflow: hidden;
}

div.lab-usage-item ul li {
width: 50%;
float: left;
}

div.lab-usage p.loading-message {
margin-left: 10px;
margin-right: 10px;
font-style: italic;
}

div.lab-usage-item div.bar-chart {
height: 30px;
border: 2px solid #777;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 10px;
margin-right: 10px;
background-color: #A33;
}

div.lab-usage-item div.bar-chart div {
float: left;
height: 100%;
width: 10%;
color: #FFF;
overflow: hidden;
text-indent: 5px;
}

div.lab-usage-item div.bar-chart div.available {
background-color: #3A3;
}

div.lab-usage-item div.bar-chart div.maintenance {
background-color: #777;
}

div.lab-usage-item div.bar-chart div.occupied {
background-color: #A33;
}

/* data-objects/source/university-news/news.css */

ul.news-listing {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-top: 1em;
margin-bottom: 1em;
}

ul.news-listing li {
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
margin-bottom: -1px;
}

ul.news-listing li a {
display: block;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
text-decoration: none;
}

ul.news-listing li a img {
float: left;
width: 48px;
height: auto;
border: 0px;
}

ul.news-listing li a span.headline {
display: block;
font-weight: bold;
text-decoration: underline;
}

ul.news-listing li a span.lead {
display: block;
font-weight: normal;
text-decoration: none;
font-style: italic;
font-family: sans-serif;
color: rgb(86, 81, 75);
}

ul.news-listing li a span.has-image {
padding-left: 58px;
}

p.news-more {
text-align: right;
font-style: italic;
}



/* data-objects/source/employee-directory/app.css */

div.contact-card {
border: 1px solid rgb(165,163,155);
/*
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
*/
margin: 5px;
margin-top: 1em;
margin-bottom: 1em;
padding: 1em;
overflow: hidden;
}

div.contact-card .display-name {
display: block;
font-size: 1.6em;
}

div.contact-card .display-title {
display: block;
font-style: italic;
margin-bottom: 0.8em;
}

div.contact-card .contact-info .label {
font-weight: bold;
}

div.contact-card .photo {
	max-width: 128px;
	max-height: 128px;
	border: 5px solid #FFF;
	margin: 10px;

	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);

	transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}

div.contact-card .image-holder {
float: left;
width: 158px;
text-align: center;
}

div.contact-card .text-holder {
padding-left: 165px;
}

div.directory-listing {
border: 1px solid rgb(165,163,155);
margin: 5px;
margin-top: 1em;
margin-bottom: 1em;
/*
box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
*/
}

div.directory-listing div.contact-card {
margin: 0px;
box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border: 0px;
border-top: 1px solid rgb(165,163,155);
margin-top: -1px;
}

div.directory-listing h2.label {
margin: 0px;
padding: 10px;
font-size: 1.4em;
line-height: 1.2em;
color: #FFF;
background-color: #b70101;
background-image: linear-gradient(bottom, rgb(159,0,0) 0%, rgb(213,1,1) 100%);
background-image: -o-linear-gradient(bottom, rgb(159,0,0) 0%, rgb(213,1,1) 100%);
background-image: -moz-linear-gradient(bottom, rgb(159,0,0) 0%, rgb(213,1,1) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(159,0,0) 0%, rgb(213,1,1) 100%);
background-image: -ms-linear-gradient(bottom, rgb(159,0,0) 0%, rgb(213,1,1) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(159,0,0)),
	color-stop(1, rgb(213,1,1))
);
}

.contact-card .button {
display: block;
font-family: sans-serif;
font-size: 0.8em;
background-color: #DDD;
padding: 5px;
text-align: center;
margin: 5px;
margin-top: 1em;
border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #999;
color: #333;
background-image: linear-gradient(bottom, rgb(181,181,181) 0%, rgb(224,224,224) 100%);
background-image: -o-linear-gradient(bottom, rgb(181,181,181) 0%, rgb(224,224,224) 100%);
background-image: -moz-linear-gradient(bottom, rgb(181,181,181) 0%, rgb(224,224,224) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(181,181,181) 0%, rgb(224,224,224) 100%);
background-image: -ms-linear-gradient(bottom, rgb(181,181,181) 0%, rgb(224,224,224) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(181,181,181)),
	color-stop(1, rgb(224,224,224))
);
cursor: pointer;
}

.contact-card .button:active {
background-color: #AAA;
background-image: linear-gradient(bottom, rgb(224,224,224) 0%, rgb(186,186,186) 100%);
background-image: -o-linear-gradient(bottom, rgb(224,224,224) 0%, rgb(186,186,186) 100%);
background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 0%, rgb(186,186,186) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 0%, rgb(186,186,186) 100%);
background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 0%, rgb(186,186,186) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(224,224,224)),
	color-stop(1, rgb(186,186,186))
);
}

.contact-card .no-info {
font-style: italic;
}

/* data-objects/source/audio-player/audio-player.css */

article.main-content a.eap-button,
a.eap-button {
	color: #FFF;
	background-color: #555;
	display:block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	font-family: sans-serif;
	text-decoration: none;

background-image: linear-gradient(bottom, rgb(56,56,56) 0%, rgb(122,120,122) 100%);
background-image: -o-linear-gradient(bottom, rgb(56,56,56) 0%, rgb(122,120,122) 100%);
background-image: -moz-linear-gradient(bottom, rgb(56,56,56) 0%, rgb(122,120,122) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(56,56,56) 0%, rgb(122,120,122) 100%);
background-image: -ms-linear-gradient(bottom, rgb(56,56,56) 0%, rgb(122,120,122) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(56,56,56)),
	color-stop(1, rgb(122,120,122))
);

}