.contact-information tr td {
	line-height: 25px;
}

.view-profile .span6 tr td:first-child {
	width: 110px;
	font-weight: bold;
}

.view-profile .orange-button,
.view-profile .purple-button {
	text-transform: none;
}

.write-up {
	margin-top: 20px;
}

.purple {
	color: #9900cb !important;
}

.view-profile .span2 figure img {
	width: 100%;
}

#events-container {
	margin-top: 20px;
}

.top-table {
	background: none repeat scroll 0 0 #9900cb;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 12px 0;
}

#events-container table {
	width: 100% !important;
	border-collapse: collapse;
	margin: 0 !important;
	border-top: none !important;
}

#events-container tr:nth-of-type(odd) {
	background: #ffffd9;
}

#events-container tr:nth-of-type(even) {
	background: #ffffff;
}

#events-container th {
	background: #333;
	color: white;
	font-weight: bold;
}

#events-container td,
#events-container th {
	padding: 6px !important;
	border: 1px solid #ccc;
	text-align: left;
}

#qt-profile.view-profile .container-fluid .row-fluid .span12 div#events-container table {
	border-top: 1px solid #666666 !important;
}

#events-container table tr td {
	border-bottom: 1px solid #666666 !important;
	border-left: 1px solid #666666 !important;
	border-right: 1px solid #666666 !important;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	padding: 30px 20px !important;
	vertical-align: middle !important;
	max-width: 150px;
}

#events-container table tr td:last-child {
	max-width: 300px;
}

#events-container table tr td a {
	color: #000000;
}

.description-col .desc-text {
	display: block;
	font-weight: normal;
	text-align: left;
}

.description-col .more {
	color: #e56b53 !important;
	font-weight: bold;
	text-decoration: none;
}

.new-event,
.cancelled-event,
.full-event {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}

.new-event {
	color: #e56b53;
}

.cancelled-event {
	color: #4574fa !important;
}

.full-event {
	color: #9900cb !important;
}

.yellow {
	background: none repeat scroll 0 0 #ffffd9;
}

.event-body .left-border > div{
	padding-bottom: 20px;
}
.event-body .left-border > div:last-child{
	padding-bottom: 0;
}

.location-col a:hover,
.type-col a:hover {
	color: #9900cb !important;
}

.event-body:nth-child(even){
	background-color: white;
}

div#events-container th {
	color: #ffffff !important;
	background: #e56b53 !important;
	text-align: center !important;
	text-transform: uppercase;
	font-weight: bold !important;
	border: none !important;
}

.no-events {
	text-align: center !important;
	font-size: 50px !important;
}

#events-container table tr td:last-child {
	border-right-width: 2px !important;
}

@media (max-width: 670px) {
	.dates-col span {
		display: block;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 1080px) {

	.dates-col {
		font-size: 15px;
		font-weight: bold;
	}

	.dates-col div span:last-child {
		font-weight: normal;
	}

	.location-col {
		font-size: 15px;
	}

	.description-col .view-details,
	.description-col .add-to-cart,
	.description-col .register {
		margin-top: 5px;
	}


	.view-profile .span2 figure img {
		width: auto !important;
	}

	/* Force table to not be like tables anymore */
	#events-container table,
	#events-container thead,
	#events-container tbody,
	#events-container th,
	#events-container td,
	#events-container tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#events-container thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#events-container td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
	}

	#events-container td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	#events-container td:nth-of-type(1):before { content: "DATES"; color:  #e56b53; font-weight: bold; margin: 10px 0 0 15px}
	#events-container td:nth-of-type(2):before { content: "LOCATION"; color:  #e56b53; font-weight: bold; margin: 10px 0 0 15px}
	#events-container td:nth-of-type(3):before { content: "TYPE"; color:  #e56b53; font-weight: bold; margin: 10px 0 0 15px}
	#events-container td:nth-of-type(5):before { content: "DESCRIPTION"; color:  #e56b53; font-weight: bold; margin: 10px 0 0 15px }



	#events-container table tr td {
		max-width: none;
		padding: 6px 6px 6px 50% !important;
	}

	#events-container td.no-events:nth-of-type(1):before {
		content: "" !important;
	}

	#events-container td.no-events {
		padding: 0 !important;
	}

	#events-container table tr td:last-child {
		max-width: none;
	}

	.description-col .view-details {
		margin-right: 0;
	}

	#events-container table {
		border: none !important;
	}

	.simpleFilter h2 {
		line-height: 25px;
		font-size: 23px !important;
		margin: 0 !important;
	}

	#categoryselect2 select#category,
	#countryselect select#country,
	.cf.instructor input{
		width: 230px !important;
	}

	#category_field,
	#country_filter_field {
		width: 210px !important;
	}

	div#submit-search {
		margin: 0 !important;
	}

	#el_filter #clearFilter {
		float: none !important;
		margin: 5px 0 0 10px !important;
		display: block;
	}

	.startDate input,
	.endDate input {
		display: block !important;
		margin-top: 10px !important;
	}

	.modal-register h3 {
		font-size: 20px;
	}

	.modal-register > .modal-header > .close {
		font-weight: 100;
		font-size: 14px;
	}

	.modal-register > .modal-body {
		padding: 10px 0 0 20px;
	}

	.modal-register > .modal-body > p:first-child {
		margin-bottom: 15px;
		font-size: 15px;
	}

	.modal-register > .modal-body address p {
		margin-bottom: 10px;
	}

	.modal-register > .modal-body address {
		margin-left: 0px;
		font-size: 15px;
		margin-bottom: 25px;
	}

	.modal-register .register {
		padding-left: 30px !important;
		padding-right: 30px !important;
		font-weight: bold;
		margin-top: 0px;
		font-size: 11px !important;
	}

	#events-container table tr td:last-child {
		border-right-width: 1px !important;
	}
}


.type-col figure {
    margin-bottom: 10px;
}

.type-col p {
    text-align: center;
}

.type-col a {
    background: none;
    border: none;
    text-shadow: none;
    font-size: 17px;
    box-shadow: none;
}

.type-col .lecture-font-size {
    font-size: 14px !important;
}