@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(file:///C|/Users/kkrugman/Documents/Training/Lynda.com%20courses_2016/Sortable%20HTML%20Tables/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_2016 { border-collapse: collapse; border: 1px solid rgba(154,154,154,.75); margin-right: 20px; }*/

table#courses_2016 th:nth-child(1), table#courses_2016 td:nth-child(1) { width: 50%; text-align: left; padding-left: 15px; }
table#courses_2016 th:nth-child(2), table#courses_2016 td:nth-child(2) { width: 16%; text-align: left; }
table#courses_2016 th:nth-child(3), table#courses_2016 td:nth-child(3) { width: 10%; text-align: left; }
table#courses_2016 th:nth-child(4), table#courses_2016 td:nth-child(4) { width: 14%; text-align: left; }

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

#OrderPackages table th:nth-child(1), #OrderPackages tabletd:nth-child(1) { width: 50%; text-align: left; padding-left: 15px; }
#OrderPackages table th:nth-child(2), #OrderPackages table td:nth-child(2) { width: 30%; text-align: left; }
#OrderPackages table th:nth-child(3), #OrderPackages table td:nth-child(3) { width: 10%; text-align: left; }

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

/* Updates the Tabs */
#s-lg-box-collapse-11112349 .ui-corner-all, #s-lg-box-collapse-11112349 .ui-corner-top, 
#s-lg-box-collapse-11112349 .ui-corner-left, #s-lg-box-collapse-11112349 .ui-corner-tl {
	border-radius: 0;
}
#s-lg-box-collapse-11112349 .ui-widget-header {
	border: none;
	background: none;
}
#s-lg-box-collapse-11112349 .ui-widget-content {
	border: none;
}
#s-lg-box-collapse-11112349 .ui-tabs-panel {
	border-top: 1px solid #aaa;
}
#s-lg-box-collapse-11112349 .ui-state-active {
	padding-bottom: 2px;
	margin-bottom: -2px;
}
/*Bold the speaker name*/

table#courses_2016 h3 + p {
	font-weight: bold;
}

/*Adds some sytling to row headers */

table#courses_2016 thead th.sorted {
	background-color:#fee8cd;
	border-left:1px dotted #9a9a9a;
	border-right:1px dotted #9a9a9a;
	color: rgba(0,0,0,.4);
}

/*Adds up and down sorting arrows to row headers */

table#courses_2016 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_2016 thead th.sorted.asc::after {
	border-top: 8px solid rgba(0,0,0,.4);
}

table#courses_2016 thead th.sorted.desc::after {
	border-bottom: 8px solid rgba(0,0,0,.4);
}


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



/*table#courses_2016 tbody {line-height: 15px; }*/
table#courses_2016 tbody li {line-height: 16px; margin-bottom: 10px;}
table#courses_2016 tbody tr { transition: background-color .5s, color .3s; }
table#courses_2016 tbody tr:nth-child(even) { background: rgba(226, 210, 197, 0.2); }
table#courses_2016 tbody tr:hover { color: #000; background-color: rgba(226, 210, 197, 0.4); }
table#courses_2016 tbody td { padding: 15px 15px 7px 15px; border-top: 1px dotted rgba(154,154,154,.75); border-right: 1px dotted rgba(154, 154, 154, 0.75); vertical-align: top; }
table#courses_2016 tbody td img { width: 75px; float: left; margin: 0 10px 0 0; border: 1px solid #fff; }
table#courses_2016 tbody td span { display: none; }
table#courses_2016 tbody td:first-child  p:nth-child(1){ font-weight: 700; }
table#courses_2016 tbody td:last-child { text-align: left; border-right: none;  }
table#courses_2016 tbody td::after { content:''; display: block; clear: both; }

#OrderPackages table table tbody li {line-height: 16px; margin-bottom: 10px;}
#OrderPackages table table tbody tr { transition: background-color .5s, color .3s; }
#OrderPackages table table tbody tr:nth-child(even) { background: rgba(226, 210, 197, 0.2); }
#OrderPackages table table tbody tr:hover { color: #000; background-color: rgba(226, 210, 197, 0.4); }
#OrderPackages table table tbody td { padding: 15px 15px 7px 15px; border-top: 1px dotted rgba(154,154,154,.75); border-right: 1px dotted rgba(154, 154, 154, 0.75); vertical-align: top; }
#OrderPackages table tabletbody td img { width: 75px; float: left; margin: 0 10px 0 0; border: 1px solid #fff; }
#OrderPackages table table tbody td span { display: none; }
#OrderPackages table table tbody td:first-child  p:nth-child(1){ font-weight: 700; }
#OrderPackages table table tbody td:last-child { text-align: left; border-right: none;  }
#OrderPackages table table tbody td::after { content:''; display: block; clear: both; }

/*Sets width for buttons*/
#OrderPackages table table .btn-success.active, table#courses_2016 .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none;
    width: 170px;
	padding: 6px 6px 6px 9px;
	font-size: 11px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	box-shadow:inset;
}
#s-lg-guide-main  table .btn-success.active .fa, .btn-success:active, .open > .dropdown-toggle.btn-success .fa { 
    color: #fff;
    padding-right: 8px;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
 /*   background-color: #bd2327;
    border-color: #570507;*/
	background-color: #006411;
    border-color: #006411;
    color: #fff;
}
.btn-success:hover {
	background-color: #7ec307;
    border-color: #7ec307;
    color: #fff;
}
/*Content*/
#s-lg-guide-main  table h3 {
	font-size: 16px;
	line-height: 23px;
	margin-top: 0;
	color: #006411;
	font-weight: bold;
}
#s-lg-guide-main  table p {
	line-height: 1.45em;
}