@import url(https://fonts.googleapis.com/css?family=Raleway:200,400,700);

/* Page Design */
body { background-color: #fff; margin: 0; padding: 0; font-family: 'Raleway', sans-serif; color: #555; font-size: 15px; line-height: 18px; font-weight: 400; }
header { margin: 0; background: #000 url(../images/banner.jpg) no-repeat 0 0; height: 65px; padding: 1px; }
article { margin: 10px 30px; }
h1 { font-family: 'Raleway', sans-serif; font-size: 2.4em; line-height: 44px; text-transform: uppercase; color: #fff; font-weight: 200; margin: 0; padding: 20px 0 0 30px; letter-spacing: 2px; }
h2 { margin: 20px 0 10px 0; font-size: 1.4; font-weight: 700; }
p { margin: 10 0 20px 0; }


/* Table Styles */
table#courses { border-collapse: collapse; border: 1px solid rgba(154,154,154,.75); margin-right: 20px; }

table#courses th:nth-child(1), table#courses td:nth-child(1) { width: 20%; text-align: left; padding-left: 15px; }
table#courses th:nth-child(2), table#courses td:nth-child(2) { width: 20%; text-align: center; }
table#courses th:nth-child(3), table#courses td:nth-child(3) { width: 15%; text-align: center; }
table#courses th:nth-child(4), table#courses td:nth-child(4) { width: 15%; text-align: center; }
table#courses th:nth-child(5), table#courses td:nth-child(5) { width: 10%; text-align: center; }
table#courses th:nth-child(6), table#courses td:nth-child(6) { width: 20%; text-align: center; }


table#courses thead { font-size: .7em; text-transform: uppercase; }
table#courses thead tr { border-bottom: 1px solid rgba(154,154,154,.75); }
table#courses thead th { padding: 8px; color: rgba(0,0,0,.6); padding: 8px; vertical-align: bottom; transition: background-color .5s, color .5s; }
table#courses thead th:hover { color: #000; background-color: #fff5e6; }
table#courses thead th:first-child { padding-left: 20px; }


table#courses thead th.sorted {
	background-color:#fee8cd;
	border-left: 1px dotted #9a9a9a;
	border-right: 1px dotted #9a9a9a;
	color: rgba(0,0,0,.4);
}
table#courses thead th.sorted::after {
	content:''; display: inline-block; margin-left: 8px; margin-top: -2px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
table#courses thead th.sorted.asc::after {border-top: 8px solid rgba(0,0,0,.4); }
table#courses thead th.sorted.desc::after {border-bottom: 8px solid rgba(0,0,0,.4); }



table#courses thead th.header{ cursor:pointer;  }

table#courses tbody { font-size: .9em; line-height: 15px; }
table#courses tbody tr { transition: background-color .5s, color .3s; }
table#courses tbody tr:nth-child(even) { background: rgba(86, 92, 239, 0.1); }
table#courses tbody tr:hover { color: #000; background-color: rgba(156, 175, 255, 1); }
table#courses tbody td { padding: 8px; border-top: 1px dotted rgba(154,154,154,.75); border-right: 1px dotted rgba(154, 154, 154, 0.75); }
table#courses tbody td img { width: 75px; float: left; margin: 0 10px 0 0; border: 1px solid #fff; }
table#courses tbody td span { display: none; }
table#courses tbody td:first-child { font-weight: 700; }
table#courses tbody td:last-child { text-align: left; }
table#courses tbody td::after { content:''; display: block; clear: both; }